<template>
	<view class="express-list-container">
		<!-- #ifdef MP-WEIXIN -->
		<view class="ad_wrap">
			<common-ad unitId="adunit-76bfd75c78a4eb57" adType="custom" />
		</view>
		<!-- #endif -->
		<view class="grid col-2 grid-square padding-top-xs">
		    <view @click="gotoMiniApp(item)" class="flex flex-direction align-center express-item shadow-blur" v-for="(item,index) in lists" :key="index">
				<image class="express-icon" mode="aspectFill" :src="item.icon" alt="">
				<text class="express-title">{{item.name}}</text>
				<view class="flex flex-row align-center margin-top-sm">
					<text class="text-sm text-gray margin-right-sm">去寄件</text>
					<text class="expressing-icon text-gray cuIcon-roundright"></text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lists: [
					{
						name: '顺丰快递',
						appid: 'wxd4185d00bf7e08ac',
						icon: '../../static/express-icon/shunfeng.png'
					},{
						name: '韵达快递',
						appid: 'wxdeb5309aa3e93fd1',
						icon: '../../static/express-icon/yunda.png'
					},{
						name: '中通快递',
						appid: 'wx7ddec43d9d27276a',
						icon: '../../static/express-icon/zhongtong.png'
					},{
						name: '德邦快递',
						appid: 'wxa1ebeeb0ed47f0b2',
						icon: '../../static/express-icon/debangwuliu.png'
					},{
						name: '百世快运',
						appid: 'wxc99bae4266da2478',
						icon: '../../static/express-icon/baishiwuliu.png'
					},{
						name: '极免快运',
						appid: 'wxe37801988179d0a5',
						icon: '../../static/express-icon/jtexpress.png'
					},{
						name: 'EMS',
						appid: 'wx63e410bc2c6a792e',
						icon: '../../static/express-icon/ems.png'
					},{
						name: '邮政包裹',
						appid: 'wxf183fb684fa24f4e',
						icon: '../../static/express-icon/youzhengguonei.png'
					},{
						name: '申通快递',
						appid: 'wxcc866a20987fe1ca',
						icon: '../../static/express-icon/shentong.png'
					},{
						name: '圆通快递',
						appid: 'wx1467dbe575243210',
						icon: '../../static/express-icon/yuantong.png'
					},{
						name: '京东快递',
						appid: 'wx73247c7819d61796',
						icon: '../../static/express-icon/jd.png'
					},{
						name: '宅急送',
						appid: 'wx239f5157396079bb',
						icon: '../../static/express-icon/zhaijisong.png'
					},{
						name: '菜鸟速递',
						appid: 'wx99007df82e840301',
						icon: '../../static/express-icon/danniao.png'
					},{
						name: '快递100',
						appid: 'wx6885acbedba59c14',
						icon: '../../static/express-icon/kt100.png'
					}
				]
			}
		},
		methods: {
			gotoMiniApp(item) {
				uni.navigateToMiniProgram({
					appId: item.appid
				})
			}
		}
	}
</script>

<style>
.express-list-container{
	width: 100%;
}
.item_wrap{
	background-color: antiquewhite;
	height: 400rpx;
}
.express-icon{
	width: 128rpx;
	height: 128rpx;
	flex: none;
	margin-top: 60rpx;
}
.express-title{
	margin-top: 20rpx;
}
.express-item{
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	border-radius: 5rpx;
	/* border: 1px solid red; */
}
.expressing-icon{
	line-height: 1em;
}
</style>
